<f:view>
    <h:outputText value="Confirmation Account of #{sessionScope['user'].email}" style="font-size: 20px; font-weight: bold;"/>
    <a4j:region>
    <h:form id="confirmationForm">
        <h:messages globalOnly="true" style="color: red" styleClass="errorMessage" rendered="#{!registerUserBean.confirmationOk}"/>
        <h:messages globalOnly="true" rendered="#{registerUserBean.confirmationOk}"/>
        <h:panelGrid columns="2" rendered="#{!registerUserBean.confirmationOk}">
            <h:outputText value="(*) Password:"/>
            <h:inputSecret id="password1" value="#{registerUserBean.pwd1}" redisplay="false" required="true" requiredMessage="The password is required"/>
            
            <h:outputText value="(*) Re-Type Password:"/>
            <h:inputSecret id="password2" value="#{registerUserBean.pwd2}" redisplay="false" required="true" requiredMessage="The password is required"/>
            
            <h:panelGrid columns="2">
                <a4j:commandButton id="submit" type="submit" value="Confirm Account" action="#{registerUserBean.confirmation}" reRender="confirmationForm"/>
                <a4j:status>
                    <f:facet name="start">
                        <h:graphicImage  value="/images/ajax_process.gif"/>
                    </f:facet>
                </a4j:status>
            </h:panelGrid>
        </h:panelGrid>
        <h:outputLink value="/site/faces/welcome.jsp" rendered="#{registerUserBean.confirmationOk}" >
            <h:outputText value="Go to Welcome Page"></h:outputText>
        </h:outputLink>
        <h:outputLink value="/site/faces/user/homeUser.jsp" rendered="#{registerUserBean.confirmationOk}" >
            <h:outputText value="Go to Home User Account"></h:outputText>
        </h:outputLink>
    </h:form>
    </a4j:region>
    <rich:separator height="1" />
</f:view>